<html>
<body style="background-color:yellow;font-family:verdana;">
<h1 style="font-size:50px;">This is the first heading</h1>
Hello, this si text.
<h2>This is the second heading</h2>
Hello, this si text.
<h2 style=”font-family:arial;color:red;font-size:20px;text-align:center;”>
This is the second heading</h2>
Hello, this si text.
<br />
<br />
<h3>Table of Contents</h3>
<ol>
<li><a href="#cool-forms">Messing Around With Forms</a></li>
<li><a href="#cool-pic">Messing Around With Pictures</a></li>
<li><a href="#table-example">Picture and Alignment</a></li>
<li><a href="#google-frame">Google Frame</a></li>
</ol>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<a id="cool-forms" />
<h4>Messing Around With Pictures</h4>
<form action="nowhere.html" method="get">
Name: <input type="text" name="text" ><br />
Insecure Password: <input type="password" name="pwd"><br />
<input type="submit" value="Submit This To Nowhere">
</form>

<a id="table-example" />
<h4>Messing Around With Pictures</h4>
<table border="1">
<tr><th>Column 1</td><th>Column 2</td><th>Column 3</td></tr>
<tr><td>Entry 1.1</td><td>Entry 2.1</td><td>Entry 3.1</td></tr>
<tr><td>Entry 1.2</td><td colspan="2" align="center">Entry 2.2-3</td></tr>
</table>
<br />


<h4>Picture and Alignment</h4> 
<a id="cool-pic" />
<img src="http://upload.wikimedia.org/wikipedia/commons/3/3f/San_francisco_in_fog_with_rays.jpg" alt="this si a cool picture" width="200px" height="200px" align="left"/>
<p>This is a cool picture</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<a id="google-frame" />
<h4>Google Frame</h4>
<iframe src="http://www.google.com" width="100%" height="150">
  <p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
